@extends('site.layouts.default')
{{-- content --}}
@section('content')
 <!-- =========== Section 1: Top Banner =========== -->
                <div id="top-banner" class="container-fluid horizontal-section-container clearfix">
                    <div class="row">
                        <div class="col-xs-12">
                            <img src="{{asset('template/images/design/slider1.jpg')}}" alt="Hermandad del museo" class="full-width-image">
                        </div><!-- .col-xs-12 -->
                        
                    </div><!-- .row -->
                </div>
                <!-- End: Section 1: Top Banner -->

<!-- =========== Section 4 =========== -->

                <!-- End: Section 4 -->                    
                
<!-- =========== Section 2 =========== -->
                <div class="container-fluid horizontal-section-container clearfix">
                    <div class="row">

                        <div class="col-sm-9">
                            <!-- Main Page Content -->
                            <div id="main-page-content" class="section-container main-page-content clearfix">

                                <div class="section-content">

                                    <div class="h1 page_title">{{{ Lang::get('general.news') }}}

                                        <div class="slider-arrows clearfix">
                                            <span d="fullpage-slider-arrow-left" class="arrow glyphicon glyphicon-chevron-left"></span>
                                            <span id=i"fullpage-slider-arrow-right" class="arrow glyphicon glyphicon-chevron-right"></span>
                                        </div><!-- .slider-arrows -->
                                    </div>

                                    <!-- Full Page Content Slider -->
                                    <div id="full-page-content-slider" class="owl-carousel owl-theme full-page-content-slider clearfix">
                                    @foreach(Entrada::where('categoria','=','noticias')->take(6)->get() as $entrada)
                                        <!-- Slider Item -->
                                        <div class="item">
                                            <div class="media clearfix">
                                                <a href="{{asset('entradas/'.$entrada->urls[0]->url)}}" class="pull-left img-mask-effect fade photo_link">
                                                    <img class="lazyOwl" data-src="{{asset('entradas/'.$entrada->urls[0]->url)}}" src="#" alt="Lighthouse">
                                                    <i class="mask"><span class="glyphicon glyphicon-plus-sign large"></span></i>
                                                </a>
                                                <div class="media-body">
                                                    <h2 class="media-heading"><a href="{{URL::to('entradas/'.$entrada->id.'/details/')}}">{{$entrada->titulo}}</a></h2>
                                                  
                                                    
                                                    <p><a href="{{URL::to('entradas/'.$entrada->id.'/details/')}}" class="btn btn-outline-inverse btn-md">Leer m&aacute;s</a></p>
                                                </div>
                                            </div><!-- .media -->
                                        </div><!-- .item -->
                                    @endforeach
                                        <!-- Slider Item -->

                                    </div><!-- #full-page-content-slider -->

                                </div><!-- .section-content -->

                            </div><!-- .section-container -->
                            <!-- End: Main Page Content -->
                        </div><!-- .col-sm-9 -->
						<div class="col-sm-3" style="padding: 20px 5px 0 5px;">
                            <div class="responsive-calendar">
                                <div class="controls">
                                    <a class="pull-left" data-go="prev"><div class="btn"><i class="icon-chevron-left"></i></div></a>
                                    <h4><span data-head-year></span> <span data-head-month></span></h4>
                                    <a class="pull-right" data-go="next"><div class="btn"><i class="icon-chevron-right"></i></div></a>
                                </div><hr/>
                                <div class="day-headers">
                                    <div class="day header">Lun</div>
                                    <div class="day header">Mar</div>
                                    <div class="day header">Mie</div>
                                    <div class="day header">Jue</div>
                                    <div class="day header">Vie</div>
                                    <div class="day header">Sab</div>
                                    <div class="day header">Dom</div>
                                </div>
                                <div class="days" data-group="days">
                                    <!-- the place where days will be generated -->
                                </div>
                            </div>
                            <!-- Responsive calendar - END -->
                            <a class="twitter-timeline" href="https://twitter.com/Hdad_Museo" data-widget-id="556766552398528512">Tweets por el @Hdad_Museo.</a>
							<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>	

                            <img src="{{asset('template/images/design/donante-caridad.png')}}" alt="Hermandad del museo" class="full-width-image">
                            <!-- End: Tags -->

                        </div><!-- .col-sm-3 -->
                    </div><!-- .row -->
                    
                </div><!-- .container-fluid -->
                <!-- End: Section 2 -->

				<!-- =========== Section 2 =========== -->
                <div class="container-fluid horizontal-section-container clearfix">
                    <div class="row">

                        <div class="col-sm-12">
                            <!-- Main Page Content -->
                            <div id="main-page-content" class="section-container main-page-content clearfix">

                                <div class="section-content">

                                    

                                    <!-- News Items -->
                                    <div class="thumbnail-list row clearfix">

                                        <!-- item -->
                                        <div class="item col-sm-4">
                                            <div class="thumbnail item-content">
                                                <a href="{{URL::to('cultos')}}" class="img-mask-effect fade scaleimage">
                                                    <img src="{{asset('entradas/cultos.jpg')}}" alt="Cultos" style="max-height: 16em">
                                                    <i class="mask"><span class="glyphicon glyphicon-search"></span></i>
                                                </a>
                                                <div class="caption">
                                                    <h5 class="title bold"><a href="{{URL::to('cultos')}}">Cultos</a></h5>
                                                </div>
                                            </div><!-- .thumbnail -->
                                        </div><!-- .item -->

                                        <!-- item -->
                                        <div class="item col-sm-4">
                                            <div class="thumbnail item-content">
                                                <a href="{{URL::to('actividades')}}" class="img-mask-effect slidefrombottom">
                                                    <img src="{{asset('entradas/calendario.jpg')}}" alt="calendario" style="max-height: 16em">
                                                    <i class="mask"><span class="glyphicon glyphicon-search"></span></i>
                                                </a>
                                                <div class="caption">
                                                    <h5 class="title bold"><a href="{{URL::to('actividades')}}">Calendario</a></h5>
                                                </div>
                                            </div><!-- .thumbnail -->
                                        </div><!-- .item -->

                                        <!-- item -->
                                        <div class="item col-sm-4">
                                            <div class="thumbnail item-content">
                                                <a href="{{URL::to('noticias')}}" class="img-mask-effect slidefromleft" style="max-height: 16em">
                                                    <img src="{{asset('entradas/noticias.png')}}" alt="noticias">
                                                    <i class="mask"><span class="glyphicon glyphicon-search"></span></i>
                                                </a>
                                                <div class="caption">
                                                    <h5 class="title bold"><a href="{{URL::to('noticias')}}">Noticias</a></h5>
                                                </div>
                                            </div><!-- .thumbnail -->
                                        </div><!-- .item -->

                                        <span class="clearfix_item clearfix hidden-xs"></span><!-- this is needed to fix row item's different heights -->

                                        

                                        <span class="clearfix_item clearfix hidden-xs"></span><!-- this is needed to fix row item's different heights -->

                                    </div><!-- .thumbnail-list -->

                                </div><!-- .section-content -->

                            </div><!-- .section-container -->
                            <!-- End: Main Page Content -->
                        </div><!-- .col-sm-12 -->

                    </div><!-- .row -->
                </div><!-- .container-fluid -->
                <!-- End: Section 2 -->


 <a data-day="25" data-month="5" data-year="2015" href="http://localhost:8000/eventos/3/details" class="iframeEvent">25</a>

@stop
@section('styles')
    <link href="{{{ asset('template/css/responsive-calendar.css')}}}" rel="stylesheet" media="screen">
    <link href="{{{ asset('template/fancybox/jquery.fancybox-1.3.4.css')}}}" rel="stylesheet" media="screen">

@stop
@section('scripts')

    <script src="{{{ asset('template/fancybox/jquery.fancybox-1.3.4.pack.js')}}}"></script>
    <script src="{{{ asset('template/js/responsive-calendar.js')}}}"></script>

<script>
    $( document ).ready( function() {

        $('.responsive-calendar').responsiveCalendar({
            translateMonths: ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'],
            events: Laracasts.calendarEvent,
            onDayClick: function(events){
                $(this).fancybox({
                    'width'				: '75%',
                    'height'			: '75%',
                    'autoScale'			: true,
                    'transitionIn'		: 'elastic',
                    'transitionOut'		: 'none',
                    'type'				: 'iframe',
                    'href'              : $(this).attr('name')
                });

            }

        });





    });
</script>

@stop